<html> 
    <head> 
        <title></title> 
        <link rel="stylesheet" type="text/css" href="css/present.css" /> 
<script type="text/javascript">
$(function() {
   $(".hide").hide();
   $(".step1, .stepb").css({'height': 0});
   sub = { index:0, steps: [], step: function() {sub.steps[sub.index++]();}};
   sub.next= function () { return sub.index >= sub.steps.length };
   sub.steps.push(function() {$(".stepz").show()});
   sub.steps.push(function() {$(".stepz").animate({height: '0'}, 1000, function() {$(this).hide();$('.step0').show();});});
   sub.steps.push(function() {$(".stepa").animate({'width': 0}, 1000
    , function() { $(this).text('challenges').animate({width: 130}); } ) });
   sub.steps.push(function() {$(".step1").show().animate({height: '20'}, 1000);});

});
</script>

    </head> 
<body class="jsxgraph_body"> 
<ul> 
<li class="stepz">My agenda:</li>
<li class="stepz hide">Size does not matter</li>
<li class="stepz hide">you Also Want To Script Design</li>
<li class="step0 hide">About me (and my <span class="stepa">problems</span><span class="hide stepb">challenges</span>)</li>
<li class="step1 hide">Examples</li>
<li class="step0 hide">iScriptDesign &amp; iPath</li>
<li class="step0 hide">Advantages</li>
<li class="step1 hide">Examples</li>
<li class="step0 hide">Applications &amp; Conclusions</li>
</ul>
</body>
</html>
